<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ include file="/common/taglibs.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Biblioteca Virtual</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="css/civilized.css" rel="stylesheet" type="text/css" />
        <link href="css/zoomer.css" rel="stylesheet" type="text/css" media="screen" />
        <script language="javascript" src="scripts/script.js" type="text/javascript"></script>


    </head>
    <body>
        <div id="outer">
            <%@ include file="menuSuperiorUser.jsp"%>
            <div id="content">
                <div id="primaryContentContainer">
                    <div id="primaryContent">
                        <h2>B&uacute;squeda de Libros</h2>

                        <div class="clear"></div>
                        <blockquote>
                             <form:form modelAttribute="libro"  >
                            <table>

                                <tr>
                                    <td>
                                        <label for="login-text">T&iacute;tulo :</label>
                                    </td>
                                    <td >
                                        <input type="text" id="login-text"  />
                                    </td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>
                                        <label for="pass-text">Categor&iacute;a :</label>
                                    </td>
                                    <td valign="middle" >
                                        <form:select path="categoria.idcategoria" >
                                                <form:options items="${listaCategorias}" itemLabel="descripcion" itemValue="idcategoria"/>
                                            </form:select>
                                       
                                    </td>
                                     <td> <input type="submit" id="search-submit" value="Buscar" style="cursor:pointer"  /></td>
                                </tr>
                            </table>
                             </form:form>
                        </blockquote>
                        <h3>
                            Resultados</h3>
                        <table>
                            <tr>
                                <th>
                                    Codigo
                                </th>
                                <th>
                                    T&iacute;tulo
                                </th>
                                <th>
                                    Categor&iacute;a
                                </th>
                                <th>
                                    Descripci&oacute;n
                                </th>
                                <th>

                                </th>
                            </tr>
                            <c:forEach items="${listaLibros}" var="obj" varStatus="status"  >

                                <c:choose>
                                    <c:when test="${status.count%2==0}">
                                        <tr class="rowA">
                                        </c:when>
                                        <c:otherwise>
                                            <tr class="rowB">
                                            </c:otherwise>
                                        </c:choose>
                                        <td>
                                            ${obj.codigo}
                                        </td>
                                        <td>
                                            ${obj.nombre}
                                        </td>
                                        <td>
                                            ${obj.categoria.descripcion}
                                        </td>
                                        <td>
                                            ${obj.descripcion}
                                        </td>

                                        <td align="center" valign="middle" style="width:25px">
                                            <ul class="thumb">
                                                <li><a href="#"><img src="images/libros/${obj.imagen}" alt="${obj.nombre}"  /></a></li>
                                            </ul>
                                        </td>
                                    </tr>
                                </c:forEach>
                        </table>
                    </div>
                </div>
                <div id="secondaryContent">
                    <h3> Reservas</h3>
                    <ul>
                        <li><a href="reservas_u.htm">Administrar Reservas </a></li>
                    </ul>
                    <h3>Cat&aacute;logo</h3>
                    <ul>
                        <li><a href="catalogo.htm">B&uacute;squeda de Libros</a></li>

                    </ul>


                </div>
                <div class="clear"></div>
            </div>
            <%@ include file="/common/footer.jsp"%>
        </div>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="scripts/zoomer.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('ul.thumb li').Zoomer({speedView:200,speedRemove:400,altAnim:true,speedTitle:400,debug:false});
            });
        </script>
    </body>
</html>
